<!DOCTYPE html>
<html>
<head>
<script src="../../resources/ahem.js"></script>
<style>
body {
    font-family: Ahem;
    font-size: 16px;
    -webkit-font-smoothing: none;
    color: rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<!-- All texts inside the ruby should be highlighted. -->
a<ruby>1<rt>1</rt>2<rt>2</rt>3<rt>3</rt>4<rt>4</rt></ruby>b
<script>
window.getSelection().setBaseAndExtent(document.body.childNodes[2], 1, document.body.childNodes[4], 1)
</script>
</body>
</html>
